@charset "UTF-8";
.el-card{
  font-size: 14px;
}
.svg-icon{
  width: 0.8em !important;
  height: 0.8em !important;
}
.el-table--mini {
  font-size: 13px !important;
}
.selWidth{
  width: 280px;
}
.mobile-page{
  width: 100%;
}
.paddingBox{
  padding:0 10px 10px;
}
.mobile-config{
  width: 100%;
  // padding: 15px;
}
.c_label{
  font-size: 14px;
  color: #999999;
}
.c_label span{
  margin-left: 10px;
  color: #333;
}
.empty-box{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f3f5f7;
  border-radius: 6px;
}
.empty-box.on{
  border-radius: 0px;
}
.empty-box .iconfont-diy{
  color: #bbbfc8;
  font-size: 30px;
}
.c_row-item{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.acea-row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /* 辅助类 */
}
.acea-row.row-bottom {
  -webkit-box-align: end;
  -moz-box-align: end;
  -o-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.acea-row.row-between {
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
/* 上下左右垂直居中 */
.acea-row.row-center-wrapper {
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.acea-row.row-middle {
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
/* 上下两边居中对齐 */
.acea-row.row-between-wrapper {
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.acea-row.row-right {
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.divBox{
  box-sizing: border-box;
  .el-pagination{
    display: flex;
    justify-content: flex-end;
    margin-top: 25px;
  }
}
.seachTiele{
  font-size: 12px;
}
.el-divider--horizontal{
  margin: 19px 0;
}
.suibian-modal{
  .el-dialog__footer{
    display: none !important;
  }
}
.el-message-box__wrapper{
  overflow: auto;
}
.el-message-box{
  overflow: auto!important;
}
.modal-form{
  width: 600px;
}
.modal-form .el-select{
  width: 100%;
}
.upload-form{
  min-width: 1000px;
  max-height:620px;
}
.listPic{
  .image-slot{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.switchTable{
  .el-switch.is-disabled {
    opacity: 1;
  }
  .el-switch.is-disabled .el-switch__core, .el-switch.is-disabled .el-switch__label {
    cursor: pointer !important;;
  }
}
.line2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.btndel{
  color: #f82929 !important;
}
/**
 * 上传图片的照相机
 */
.upLoadPicBox{
  display: inline-block;
  cursor: pointer;
  .pictrue {
    width: 60px;
    height: 60px;
    border: 1px dotted rgba(0, 0, 0, 0.1);
    margin-right: 10px;
    position: relative;
     img {
      width: 100%;
      height: 100%;
    }
    .btndel{
      position: absolute;
      right: -5px;
      top: -5px;
      cursor: pointer;
    }
  }
  .upLoad {
    width: 58px;
    height: 58px;
    line-height: 58px;
    font-size: 20px;
    border: 1px dotted rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.02);
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

/**
 * 标题带下划线
 */
.dividerTitle{
  .title{
    border-bottom: 2px solid var(--prev-color-primary);
    padding: 0 8px 18px 5px;
    color: #000;
    font-size: 14px;
  }
}
.cameraIconfont{
  color: #898989;
  font-size: 26px;
}
.ml10{
  margin-left: 10px;
}
.mr10{
  margin-right: 10px;
}
.mb15{
  margin-bottom: 15px;
}
.mb20{
  margin-bottom: 20px;
}
.mb5{
  margin-bottom: 5px;
}
.mr15{
  margin-right: 15px;
}
.mt20{
  margin-top: 20px;
}
.mr50 {
  margin-right: 50px;
}
.mr20{
  margin-right: 20px !important;
}
.ml40 {
  margin-left: 40px !important;
}
.ml50{
  margin-left: 50px !important;
}
.mb10{
  margin-bottom: 10px;
}
.mr5{
  margin-right: 5px;
}
.pl25{
  padding-left: 25px;
  box-sizing: border-box;
}
a {
  color: var(--prev-color-primary);
  background: transparent;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  transition: color .2s ease;
  font-size: 12px;
}
.spBlock{
  display: block;
}
.onHand{
  cursor: pointer;
}
/**
 * 搜索框标题
 */
.seachTiele{
  line-height: 35px;
  font-size: 12px;
}
/*switch样式*/
.el-switch__label {
  position: absolute;
  display: none;
  color: #fff;
  font-size: 12px !important;
}
/*打开时文字位置设置*/
.el-switch__label--right {
  z-index: 1;
  font-size: 12px !important;
}
/*关闭时文字位置设置*/
.el-switch__label--left {
  z-index: 1;
  left: 19px;
  font-size: 12px !important;
}
/*显示文字*/
.el-switch__label.is-active {
  display: block;
  color: #fff;
  font-size: 12px;
}
.el-table__row .el-switch .el-switch__core,
.el-table__row .el-switch .el-switch__label {
  font-size: 12px;
  width: 55px!important;
}
.el-switch__label * {
  font-size: 12px;
}

/**
 * 表格下拉内容
 */
.demo-table-expand {
  font-size: 0;
}
.demo-table-expand label {
  width: 111px;
  color: #99a9bf;
}
.demo-table-expand .el-form-item {
  margin-right: 0;
  margin-bottom: 0;
  width: 33.33%;
}
table .el-image{
  width: 36px;
  height: 36px;
}
//登录页动画
.index_bg {
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, .6) !important;
  z-index: 0 !important;
}

//表格下拉文字
.el-form-item__label, .el-form-item__content{
  font-size: 13px !important;
}
@font-face {
  font-family: "iconfont"; /* Project id 2955395 */
  src: url('//at.alicdn.com/t/font_2955395_hzsad8tzvr.woff2?t=1637567333533') format('woff2'),
       url('//at.alicdn.com/t/font_2955395_hzsad8tzvr.woff?t=1637567333533') format('woff'),
       url('//at.alicdn.com/t/font_2955395_hzsad8tzvr.ttf?t=1637567333533') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-daochuwenjian:before {
  content: "\e608";
}

.icon-yihaotong:before {
  content: "\e609";
}

.icon-caiwuguanli:before {
  content: "\e60a";
}

.icon-fenxiaoguanli:before {
  content: "\e606";
}

.icon-shangpinguanli:before {
  content: "\e607";
}

.icon-yonghuguanli:before {
  content: "\e600";
}

.icon-duanxinpeizhi:before {
  content: "\e601";
}

.icon-wenzhangguanli:before {
  content: "\e602";
}

.icon-xitongshezhi:before {
  content: "\e603";
}

.icon-youhuiquan:before {
  content: "\e604";
}

.icon-dingdanguanli:before {
  content: "\e605";
}
.el-menu-item,.el-submenu__title {
  height: 50px;
  line-height: 50px;
}
.styleTwo,.styleTwo .el-menu--popup {
  min-width: 140px!important;
  padding: 0;
  max-height: auto;
}
.styleTwo .el-menu--popup{
  border-radius: 4px;
  background: #5F5F66!important;
}
.styleTwo{
  &::before{
    content: "";
    border: 10px solid transparent;
    border-right-color: #5F5F66;
    position: absolute;
    left: 0;
    top: 50px;
  }
}
.styleTwo .el-menu--popup-right-start{
  margin-left: 17px;
  margin-right: 12px;
}
.styleTwo li{
  background: #5f5f66!important;
  height: 46px!important;
  line-height: 46px!important;
  font-size: 13px;
  padding-left: 0!important;
}

.styleTwo .el-submenu__title{
  background: #5f5f66!important;
  height: 46px!important;
  line-height: 46px!important;
  font-size: 13px;
  color: #ffffff!important;
}

.styleTwo li:hover,.styleTwo .is-active{
  background: #77777D!important;
  .el-submenu__title{
    background: #77777D!important;
  }
}
.styleTwo .router-link-active{
  background: #ffffff;
}
#app .hideSidebar .style2 .el-submenu>.el-submenu__title{
  text-align: left!important;
}
.el-slider__button-wrapper{
  z-index: 100
}
.el-radio-button .el-radio__input.is-checked+.el-radio__label,
.el-radio-button .el-radio-button__inner:hover {
  color: var(--prev-color-primary);
}

.fc-upload-btn{
  display: flex!important;
  align-items: center;
  justify-content: center;
}
.fc-upload-btn .el-icon-camera{
  font-size: 26px;
  color: #898989;
}




.flex-1 {
  flex: 1 1 0%;
}
.mx-10 {
  margin-left: 10rpx;
  margin-right: 10rpx;
}
.ml-5{
margin-left: 5px;
}
.ml-10{
margin-left: 10px;
}
.ml-15{
margin-left: 15px;
}
.ml-20{
margin-left: 20px;
}
.ml-25{
margin-left: 25px;
}
.ml-30{
margin-left: 30px;
}

.mr-5{
margin-right: 5px;
}
.mr-10{
margin-right: 10px;
}
.mr-12{
margin-right: 12px;
}
.mr-14{
margin-right: 14px;
}
.mr-15{
margin-right: 15px;
}
.mr-20{
margin-right: 20px;
}

.mr-25{
margin-right: 25px;
}.mr-30{
margin-right: 30px;
}
.mr-auto{
margin-right: auto
}
.ml-auto{
margin-left: auto
}
.img-20 {
width: 20px;
height: 20px;
}
.img-24 {
width: 24px;
height: 24px;
}
.img-26 {
width: 26px;
height: 26px;
}
.img-28 {
width: 28px;
height: 28px;
}

.img-30 {
width: 30px;
height: 30px;
}
.img-18 {
width: 18px;
height: 18px;
}
.height-50 {
height: 50px;
}
.height-40 {
height: 40px;
}
.height-30 {
height: 30px;
}
.height-20 {
height: 20px;
}

.width-100{
width: 100px;
}
.height-100{
height: 100px;
}
.bg-white{
background-color: #FFFFFF;
}
// .bg-green{
// 	background-color: #32c98f;
// }
.text--white{
color: #FFFFFF;
}
.text-grey{
color: #919191;
}
.bg-grey{
background-color: #f1f1f1;
}
.br-10{
border-radius: 10px;
}
.br-5{
border-radius: 5px;
}
.pd-5{
padding: 5px;
}
.pd-10{
padding: 10px;
}
.pd-12{
padding: 12px;
}
.pd-20{
padding: 20px;
}
.pd-30{
padding: 30px;
}
.pt-5{
padding-top: 5px;
}
.pt-10{
padding-top: 10px;
}
.pt-20{
padding-top: 20px;
}
.pt-30{
padding-top: 30px;
}
.pb-5{
padding-bottom: 5px;
}
.pb-10{
padding-bottom: 10px;
}
.pb-20{
padding-bottom: 20px;
}
.pb-30{
padding-bottom: 30px;
}

.br-50{
border-radius: 50%;
}
.w-30{
width: 30px;
}
.h-30{
height: 30px;
}
.w-25{
width: 25px;
}
.h-25 {
height: 25px;
}
.w-20{
width: 20px;
}
.h-20 {
height: 20px;
}

.w-80{
width: 80px;
}
.h-80{
height: 80px;
}
.h-100{
  height: 100px;
}
.w-100{
width: 100px !important;
}

.pd-lr20{
padding-left: 20px;
padding-right: 20px;
}
.pd-lr10{
padding-left: 10px;
padding-right: 10px;
}
.pd-lr5{
padding-left: 5px;
padding-right: 5px;
}
.mr-lr20{
margin-left: 20px;
margin-right: 20px;
}
.mr-lr10{
margin-left: 10px;
margin-right: 10px;
}
.mr-lr10{
margin-left: 5px;
margin-right: 5px;
}

.pd-tb20{
padding-top: 20px;
padding-bottom: 20px;
}
.pd-tb10{
padding-top: 10px;
padding-bottom: 10px;
}
.pd-tb5{
padding-top: 5px;
padding-bottom: 5px;
}
.mr-tb20{
margin-top: 20px;
margin-bottom: 20px;
}
.mr-tb10{
margin-top: 10px;
margin-bottom: 10px;
}
.mr-tb5{
margin-top: 5px;
margin-bottom: 5px;
}
.w-100{
width: 100%;
}
.h-100{
height: 100%;
}
.width-80{
width: 80px
}
.height-80{
height: 80px;
}
.text-black{
color: #000000;
}
.text-ddd{
color: #dddddd;
}
.text-cf{
color: #cfcfcf;
}
.text-8e{
color: #8e8e8e;
}
.ft-w700{
font-weight: 700;
}
.ft-w500{
font-weight: 500;
}
.ft-w600{
font-weight: 600;
}
.w-80 {
width: 80%;
}
.w-85 {
width: 85%;
}
.w-90 {
width: 90%;
}
.text-10{
font-size: 10px;
}
.text-12{
font-size: 12px;
}
.text-14{
font-size: 14px;
}
.text-15{
  font-size: 15px;
  }
.text-16{
font-size: 16px;
}
.text-18{
font-size: 18px;
}
.text-20{
font-size: 20px;
}
.text-22{
font-size: 22px;
}
.text-24{
font-size: 24px;
}
.text-26{
font-size: 26px;
}
.text-28{
font-size: 28px;
}
.text-30{
font-size: 30px;
}
.text-32{
font-size: 32px;
}
.mt-5{
margin-top: 5px;
}
.mt-10{
margin-top: 10px;
}
.mt-20{
margin-top: 20px;
}
.mt-30{
margin-top: 30px;
}
.mt-50{
margin-top: 50px;
}
.mb-5{
margin-bottom: 5px;
}
.mb-10{
margin-bottom: 10px;
}
.mb-12{
margin-bottom: 12px;
}
.mb-14{
margin-bottom: 14px;
}
.mb-15{
margin-bottom: 15px;
}
.mb-16{
margin-bottom: 16px;
}
.mb-20{
margin-bottom: 20px;
}
.mb-30{
margin-bottom: 30px;
}

.relative{
position: relative;
}
.absolute{
position: absolute;
}
.fixed{
position:fixed;
}
.title-jy{
top: 2px;
margin-left: -2px;
width: 60px;
height: 12px;
border-top-left-radius: 20px;
background: linear-gradient(90deg, #32c98f 0%, #79ddb5 50%, #afe9d2 100%);
position: relative;
}

.vertical-text {
writing-mode: vertical-lr
// writing-mode: vertical-lr; /* 文字从上到下，从右到左 */
// transform: rotate(180deg); /* 修正文字方向，确保从上到下顺序 */
}

.bg-color-225{
background-color: rgb(217, 225, 231) !important;
}

/*! Import end */
.display-none {
  display: none!important;
}

.display-inline {
  display: inline;
}

.display-flex {
  display: flex;
}

.display-flex-align-center {
  align-items: center;
}

.display-flex-align-end {
  align-items: flex-end;
}

.display-flex-align-start {
  align-items: flex-start;
}

.display-flex-justify-space-between {
  justify-content: space-between;
}
.display-flex-justify-space-around {
  justify-content: space-around;
}
.display-flex-justify-center {
  justify-content: center;
}

.display-flex-justify-flex-start {
  justify-content: flex-start;
}

.display-flex-justify-flex-end {
  justify-content: flex-end;
}

.display-flex-flex-wrap {
  flex-wrap: wrap;
}

.display-flex-column {
  display: flex;
  flex-direction: column;
}

.display-flex-wrap {
  flex-wrap: wrap;
}

.cursor-pointer{
  cursor: pointer;
}

.bg-f7{
  background: #f7f7f7
}